@charset 'UTF-8';

/* 通用标题样式
----------------------------------------------------------- */

.public_title {
  text-align: center;
}

.public_title h3 {
  position: relative;
  font-size: 32PX;
  color: #000000;
  font-weight: normal;
}

.public_title h3::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10PX;
  left: 0;
  right: 0;
  width: 74PX;
  height: 0;
  margin: auto;
  border-bottom: 4PX solid #05A55C;
}

@media screen and (max-width: 768px) {
  .public_title h3 {
    font-size: 1rem;
  }

  .public_title h3::after {
    bottom: -0.375rem;
    width: 1.85rem;
  }
}

/* 查看更多公用样式
----------------------------------------------------------- */

.more {
  display: block;
  width: 140PX;
  height: 40PX;
  margin-top: auto;
  border: 1PX solid #05A55C;
  font-size: 18PX;
  color: #05A55C;
  line-height: 40PX;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .more {
    width: 3.875rem;
    height: 1.25rem;
    font-size: 0.7rem;
    line-height: 1.25rem;
    text-align: right;
  }

  .more span {
    font-size: 0.75rem;
  }
}

/* banner部分
----------------------------------------------------------- */

.banner img {
  width: 100%;
}

.banner div[class^='swiper-button'] {
  outline: none;
}

@media screen and (max-width: 768px) {
 /* .banner {
    margin-top: 100PX;
  }
*/  
  .banner img{
	  height:130px;
  }
  
  div[class^='swiper-button'] {
    width: 0.75rem;
    background-size: 100%;
  }
}

/* 解决方案
----------------------------------------------------------- */

.solution {
  padding: 50PX 0 80PX;
  background-color: #fff;
}

.solution .solution_content {
  display: flex;
  justify-content: space-between;
  margin-top: 110PX;
}

.solution .content_left {
  position: relative;
}

.solution .left_img {
  width: 480PX;
  height: 440PX;
  padding: 20PX 0 20PX 20PX;
  background-image: url(../images/home/solution_bg.png);
  background-repeat: no-repeat;
  background-size: 480PX 440PX;
  box-sizing: border-box;
}

.solution .left_img img {
  height: 100%;
  border-radius: 50%;
}

.solution .left_list li {
  position: absolute;
  display: flex;
  cursor: pointer;
}

.solution .left_list li:nth-child(1) {
  right: -75PX;
  top: -13PX;
}

.solution .left_list li:nth-child(2) {
  right: -129PX;
  top: 66PX;
}

.solution .left_list li:nth-child(3) {
  right: -160PX;
  top: 167PX;
}

.solution .left_list li:nth-child(4) {
  right: -138PX;
  top: 275PX;
}

.solution .left_list li:nth-child(5) {
  right: -88PX;
  top: 376PX;
}

.solution .left_list li.active span {
  color: #05A55C;
}

.solution .left_list li.active .default {
  display: none;
}

.solution .left_list li.active .checked {
  display: block;
}

.solution .left_list li img {
  width: 60PX;
  height: 60PX;
  margin-right: 10PX;
}

.solution .left_list li img.checked {
  display: none;
}

.solution .left_list li span {
  display: block;
  max-width: 90PX;
  font-size: 18PX;
  color: #999999;
  line-height: 1.3;
  text-align: center;
}

.solution .content_right {
  width: 40%;
  padding: 14PX 0 10PX;
}

.solution .content_right ul,
.solution .content_right li {
  height: 100%;
}

.solution .content_right li {
  display: none;
}

.solution .content_right li.active {
  display: flex;
  flex-direction: column;
}

.solution .content_right h4 {
  margin-bottom: 18PX;
  font-size: 34PX;
  color: #05A55C;
  font-weight: normal;
}

.solution .content_right p {
  margin-bottom: 20PX;
  font-size: 18PX;
  color: #333333;
  line-height: 1.8;
  text-indent: 2em;
  text-align: justify;
}

@media screen and (max-width: 1200px) {
  .solution .solution_content {
    flex-direction: column;
    align-items: center;
  }

  .solution .content_left {
    width: 700PX;
  }

  .solution .left_list li:nth-child(1) {
    right: 145PX;
    top: -13PX;
  }

  .solution .left_list li:nth-child(2) {
    right: 91PX;
    top: 66PX;
  }

  .solution .left_list li:nth-child(3) {
    right: 60PX;
  }

  .solution .left_list li:nth-child(4) {
    right: 82PX;
  }

  .solution .left_list li:nth-child(5) {
    right: 132PX;
  }

  .solution .content_right {
    width: 700PX;
    margin-top: 40PX;
  }

  .solution .content_right h4 {
    text-align: center;
  }

  .solution .content_right a {
    margin: 86PX auto 0;
  }
}

@media screen and (max-width: 768px) {
  .solution {
    padding: 1.25rem 0.5rem 2rem;
  }

  .solution .solution_content {
    margin-top: 2rem;
  }

.solution .content_left{
    width: 100%;
}
  .solution .content_left img{
    display: none;
  }

  .solution .left_img {
    width: 100%;
    height: auto;
    padding: 0;
    background-image: none;
  }

  .solution .left_img img {
    width: 100%;
    height: auto;
    border-radius: 0;
  }

  .solution .left_list {
    display: flex;
    overflow-x: auto;
    margin-top: 1rem;
  }

  .solution .left_list li {
    flex-shrink: 0;
    position: static;
    align-items: center;
    padding: 0 0.5rem;
  }

  .solution .left_list li img {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.25rem;
  }

  .solution .left_list li span {
    max-width: 3.5rem;
    font-size: 0.7rem;
    text-align: left;
  }

  .solution .content_right {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }

  .solution .content_right h4 {
    margin-bottom: 0.45rem;
    font-size: 1rem;
  }

  .solution .content_right p {
    margin-bottom: 0;
    font-size: 0.7rem;
  }

  .solution .content_right a {
    margin-top: 2.15rem;
  }
}

/* 云平台
----------------------------------------------------------- */

.cloud {
  padding: 50PX 0;
  background-image: linear-gradient(180deg, #89a7f4, #6283e2);
}

.cloud .cloud_title h3 {
  color: #ffffff;
}

.cloud .cloud_title h3::after {
  border-color: #ffffff;
}

.cloud .cloud_content {
  position: relative;
  height: 500PX;
  margin-top: 72PX;
  background-image: url(../images/home/cloud_bg_line.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}
.cloud .cloud_content ul {
  height: 100%;
  background-image: url(../images/home/map.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.cloud .cloud_content li {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.cloud .cloud_content li span {
  display: block;
  margin-bottom: 12PX;
  font-size: 18PX;
  color: #ffffff;
}

.cloud .cloud_content li:nth-child(1) {
  top: 60PX;
  left: 84PX;
}

.cloud .cloud_content li:nth-child(2) {
  top: 190PX;
  left: 218PX;
}

.cloud .cloud_content li:nth-child(3) {
  top: 4PX;
  left: 386PX;
}

.cloud .cloud_content li:nth-child(4) {
  top: 105PX;
  left: 634PX;
}

.cloud .cloud_content li:nth-child(5) {
  top: 47PX;
  left: 839PX;
}

.cloud .cloud_content li:nth-child(6) {
  top: 172PX;
  left: 974PX;
}

.cloud .cloud_content li:nth-child(1) .content_ico,
.cloud .cloud_content li:nth-child(2) .content_ico,
.cloud .cloud_content li:nth-child(6) .content_ico {
  width: 112PX;
  height: 112PX;
}

.cloud .cloud_content li:nth-child(3) .content_ico {
  width: 132PX;
  height: 132PX;
}

.cloud .cloud_content li:nth-child(4) .content_ico {
  width: 102PX;
  height: 102PX;
}

.cloud .cloud_content li:nth-child(5) .content_ico {
  width: 118PX;
  height: 118PX;
}

.cloud .cloud_content .content_path {
  width: 10PX;
}

.cloud .cloud_content .cloud_more {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.cloud .cloud_content .cloud_more a {
  display: block;
  width: 130PX;
  height: 130PX;
}

.cloud .cloud_content .cloud_more a img {
  width: 100%;
  height: 100%;
}

.cloud .cloud_content .cloud_more .more_shadow {
  width: 128PX;
}

@media screen and (max-width: 1220px) {
  .cloud .cloud_content {
    height: auto;
    background-image: none;
  }

  .cloud .cloud_content ul {
    background-image: none;
  }

  .cloud .cloud_content ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .cloud .cloud_content li {
    position: static;
    padding: 0 10PX;
    margin-bottom: 30PX;
  }

  .cloud .cloud_content li span {
    order: 2;
    margin-top: 20PX;
  }

  .cloud .cloud_content li:nth-child(n) .content_ico {
    order: 1;
    width: 120PX;
    height: 120PX;
  }

  .cloud .cloud_content .content_path {
    display: none;
  }

  .cloud .cloud_content .cloud_more {
    position: static;
    margin-top: 40PX;
  }
}

@media screen and (max-width: 768px) {
  .cloud {
    padding: 1.25rem 0.5rem;
  }

  .cloud .cloud_content {
    margin-top: 1.8rem;
  }

  .cloud .cloud_content li {
    padding: 0 0.25rem;
    margin-bottom: 0.75rem;
    width: 30%;
  }

  .cloud .cloud_content li span {
    margin-bottom: 0.3rem;
    font-size: 0.7rem;
  }

  .cloud .cloud_content li:nth-child(n) .content_ico {
    width: 3rem;
    height: 3rem;
  }

  .cloud .cloud_content .cloud_more {
    margin-top: 1rem;
  }

  .cloud .cloud_content .cloud_more a {
    width: 3.75rem;
    height: 3.75rem;
  }

  .cloud .cloud_content .cloud_more .more_shadow {
    width: 3.7rem;
  }
}

/* 产品中心
----------------------------------------------------------- */

.product {
  padding: 50PX 0 44PX;
  background-color: #fff;
}

.product .product_list {
  margin-top: 77PX;
  display: flex;
  justify-content: space-between;
  border-bottom: 1PX solid #999999;
}

.product .product_list a {
  display: block;
  font-size: 18PX;
  color: #666666;
  padding-bottom: 15PX;
  border-bottom: 4PX solid transparent;
  box-sizing: border-box;
}

.product .product_list .active a {
  border-bottom-color: #05A55C;
  color: #05A55C;
}

.product .product_content {
  display: none;
  position: relative;
  margin-top: 38PX;
}

.product .product_content.active {
  display: block;
}

.product .product_content .swiper-slide {
  padding: 5PX;
  box-sizing: border-box;
}

.product .product_content [class^='swiper-button'] {
  width: 34PX;
  height: auto;
  outline: none;
}

.product .product_content [class^='swiper-button']::after {
  display: none;
}

.product .product_content [class^='swiper-button'] img {
  width: 100%;
  vertical-align: middle;
}

.product .product_content [class^='swiper-button'] .disabled {
  display: none;
}

.product .product_content .swiper-button-prev {
  left: -54PX;
}

.product .product_content .swiper-button-next {
  right: -54PX;
}

.product .product_content .swiper-button-disabled {
  opacity: 1;
}

.product .product_content .swiper-button-disabled .default {
  display: none;
}

.product .product_content .swiper-button-disabled .disabled {
  display: block;
}

.product .product_content .content_item {
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 10PX 10PX 0 0;
  box-shadow: 0 0 6PX 0 rgba(102, 102, 102, 0.16);
  cursor: pointer;
}

.product .product_content .content_item span {
  display: block;
  width: 100%;
  height: 42PX;
  background-color: #DFDFDF;
  font-size: 18PX;
  color: #666666;
  text-align: center;
  line-height: 42PX;
}

.product .product_content .item_img {
  padding: 20PX 20PX 0;
}

.product .product_content .item_img img {
  width: 100%;
}

@media screen and (max-width: 1335px) {
  .product .product_content {
    padding: 0 50PX;
  }

  .product .product_content .swiper-button-prev {
    left: 10PX;
  }

  .product .product_content .swiper-button-next {
    right: 10PX;
  }
}

@media screen and (max-width: 1200px) {
  .product {
    padding: 50PX 30PX 44PX;
  }

  .product .product_content {
    padding: 0 50PX;
  }

  .product .product_content .swiper-button-prev {
    left: 10PX;
  }

  .product .product_content .swiper-button-next {
    right: 10PX;
  }
}

@media screen and (max-width: 1000px) {
  .product .product_list {
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: none;
  }

  .product .product_list li {
    padding: 0 10PX;
    margin-bottom: 20PX;
  }
}

@media screen and (max-width: 768px) {
  .product {
    padding: 1.25rem 0.5rem 1.1rem;
  }

  .product .product_list {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 1.925rem;
    border-bottom: 1PX solid #999999;
  }

  .product .product_list li {
    flex-shrink: 0;
    margin-bottom: 0;
    padding: 0 0.25rem;
  }

  .product .product_list a {
    font-size: 0.7rem;
    padding-bottom: 0.375rem;
  }

  .product .product_content {
    margin-top: 0.95rem;
    padding: 0;
  }

  .product .product_content .swiper-slide {
    padding: 0.125rem;
  }

  .product .product_content [class^='swiper-button'] {
    display: none;
  }

  .product .product_content .content_item {
    border-radius: 0.25rem 0.25rem 0 0;
    box-shadow: 0 0 0.15rem 0 rgba(102, 102, 102, 0.16);
  }

  .product .product_content .content_item span {
    height: 1.25rem;
    font-size: 0.7rem;
    line-height: 1.25rem;
  }

  .product .product_content .item_img {
    padding: 0.5rem 0.5rem 0;
  }
}

/* 工程案例
----------------------------------------------------------- */

.case {
  padding: 40PX 0;
  background-color: #F5F6FA;
}

.case .case_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 78PX;
}

.case .case_list li {
  position: relative;
  width: calc((100% - 35PX * 3) / 4);
  margin: 0 35PX 44PX 0;
  cursor: pointer;
}

.case .case_list li:nth-child(4n) {
  margin-right: 0;
}

.case .case_list li img {
  width: 100%;
  vertical-align: middle;
}

.case .case_list li span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38PX;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 16PX;
  color: #ffffff;
  text-align: center;
  line-height: 38PX;
}

.case .more {
  margin: 0 auto;
}

.zj{
	margin:0 auto;
	margin-top:20px;
}

@media screen and (max-width: 1200px) {
  .case .case_list {
    padding: 0 30PX;
  }

  .case .case_list li {
    width: calc((100% - 20PX * 2) / 3);
    margin-right: 20PX;
  }

  .case .case_list li:nth-child(4n) {
    margin-right: 20PX;
  }

  .case .case_list li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .case {
    padding: 1rem 0.5rem;
  }

  .case .case_list {
    margin-top: 1.95rem;
    padding: 0;
  }

  .case .case_list li {
    width: 45%;
    margin: 0.3rem 0.3rem 0.3rem 0.3rem;
  }

  .case .case_list li:nth-child(4n) {
    margin-right: 0;
  }

  .case .case_list li img {
    width: 100%;
    vertical-align: middle;
  }

  .case .case_list li span {
    height: 1.15rem;
    font-size: 0.7rem;
    line-height: 1.15rem;
  }

  .case .more {
    margin: 0 auto;
  }
}

/* 关于我们
----------------------------------------------------------- */

.about {
  position: relative;
  padding: 56PX 0 40PX;
  background: url(../images/home/company_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.about .about_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.about .about_title,
.about .about_content,
.about .more {
  position: relative;
  z-index: 2;
}

.about .about_title h3 {
  color: #ffffff;
}

.about .about_title h3::after {
  border-color: #ffffff;
}

.about .about_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80PX;
  padding: 15PX;
  background: url(../images/home/about_line_1.png) top left no-repeat, url(../images/home/about_line_2.png) bottom right no-repeat;
  background-size: 130PX 115PX;
}

.about .content_txt {
  flex: 1;
  margin-right: 30PX;
}

.about .content_txt p {
  margin-bottom: 10PX;
  font-size: 18PX;
  color: #FFFFFF;
  line-height: 1.7;
  text-align: justify;
  text-indent: 2em;
}

.about .content_txt p:last-child {
  margin-bottom: 0;
}

.about .content_img {
  width: 50%;
}

.about .content_img img {
  width: 100%;
  vertical-align: middle;
}

.about .more {
  margin: 40PX auto 0;
}

@media screen and (max-width: 1200px) {
  .about {
    padding: 56PX 0 40PX;
  }

  .about .about_content {
    flex-direction: column;
    width: 80%;
    margin: 80PX auto 0;
  }

  .about .content_txt {
    margin-right: 0;
  }

  .about .content_img {
    width: 100%;
    margin-top: 30PX;
  }
}

@media screen and (max-width: 768px) {
  .about {
    padding: 1.4rem 0.5rem 1rem;
  }

  .about .about_content {
    width: 100%;
    margin-top: 2rem;
    padding: 0.375rem;
    background-size: 3.25rem 2.875rem;
    box-sizing: border-box;
  }

  .about .content_txt p {
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
  }

  .about .content_img {
    margin-top: 0.75rem;
  }

  .about .more {
    margin: 1rem auto 0;
  }
}

/* 公司动态
----------------------------------------------------------- */

.dynamic {
  padding: 54PX 0 40PX;
  background-color: #ffffff;
}

.dynamic .dynamic_content {
  display: flex;
  justify-content: space-between;
  margin-top: 70PX;
}

.dynamic .content_img {
  width: 42%;
}

.dynamic .content_img img {
  width: 100%;
}

.dynamic .dynamic_news {
  width: 55%;
}

.dynamic .news_classify {
  display: flex;
  justify-content: space-between;
  padding-left: 30PX;
  border-bottom: 2PX solid #D2D2D2;
}

.dynamic .news_classify ul {
  display: flex;
}

.dynamic .news_classify ul li {
  padding: 0 17PX 10PX;
  margin-right: 5PX;
  border-bottom: 4PX solid transparent;
  font-size: 18PX;
  color: #666666;
  cursor: pointer;
}

.dynamic .news_classify ul li.active {
  border-bottom-color: #05A55C;
}

.dynamic .news_classify ul li:last-child {
  margin-right: 0;
}

.dynamic .classify_change {
  display: flex;
  cursor: pointer;
}

.dynamic .classify_change span {
  font-size: 16PX;
  color: #05A55C;
}

.dynamic .news_list {
  display: none;
  margin-top: 12PX;
}

.dynamic .news_list.active {
  display: block;
}

.dynamic .news_list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 15PX;
  padding-left: 30PX;
}

.dynamic .news_list li::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8PX;
  height: 8PX;
  margin: auto;
  background-color: #999999;
  border-radius: 50%;
}

.dynamic .news_list li a,
.dynamic .news_list li span {
  font-size: 18PX;
  color: #666666;
}

.dynamic .news_list li a {
  display: block;
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dynamic .news_list li:hover::before {
  background-color: #05A55C;
}

.dynamic .news_list li:hover a,
.dynamic .news_list li:hover span {
  color: #05A55C;
}

.dynamic .more {
  margin: 22PX auto 0;
}

@media screen and (max-width: 1200px) {
  .dynamic .dynamic_content {
    padding: 0 30PX;
  }
}

@media screen and (max-width: 1000px) {
  .dynamic .dynamic_content {
    flex-direction: column;
  }

  .dynamic .content_img {
    width: 100%;
  }

  .dynamic .dynamic_news {
    width: 100%;
    margin-top: 40PX;
  }
}

@media screen and (max-width: 768px) {
  .dynamic {
    padding: 1.35rem 0.5rem 1rem;
  }

  .dynamic .dynamic_content {
    margin-top: 1.75rem;
    padding: 0;
  }

  .dynamic .dynamic_news {
    margin-top: 1rem;
  }

  .dynamic .news_classify {
    padding-left: 0.75rem;
  }

  .dynamic .news_classify ul li {
    padding: 0 0.25rem 0.25rem;
    margin-right: 0.125rem;
    font-size: 0.7rem;
  }

  .dynamic .classify_change span {
    font-size: 0.7rem;
  }

  .dynamic .news_list {
    margin-top: 0.3rem;
  }

  .dynamic .news_list li {
    margin-top: 0.375rem;
    padding-left: 0.75rem;
  }

  .dynamic .news_list li::before {
    width: 0.2rem;
    height: 0.2rem;
  }

  .dynamic .news_list li a,
  .dynamic .news_list li span {
    font-size: 0.7rem;
  }

  .dynamic .more {
    margin: 1rem auto 0;
  }
}

/* 合作伙伴
----------------------------------------------------------- */

.partner {
  padding: 20PX 0 50PX;
  background-color: #F5F6FA;
}

.partner .partner_content {
  position: relative;
  margin-top: 50PX;
}

.partner .partner_content img {
  width: 100%;
}

.partner .partner_content [class^='swiper-button'] {
  width: 20PX;
  height: auto;
  background-image: none;
  outline: none;
}

.partner .partner_content [class^='swiper-button'] img {
  width: 100%;
  vertical-align: middle;
}

.partner .partner_content .swiper-button-prev {
  left: -50PX;
}

.partner .partner_content .swiper-button-next {
  right: -50PX;
}

@media screen and (max-width: 1335px) {
  .partner {
    padding: 20PX 30PX 50PX;
  }

  .partner .partner_content {
    padding: 0 40PX;
  }

  .partner .partner_content .swiper-button-prev {
    left: 0;
  }

  .partner .partner_content .swiper-button-next {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .partner {
    padding: 0.5rem 0.5rem 1.25rem;
  }

  .partner .partner_content {
    margin-top: 1.25rem;
    padding: 0 1rem;
  }

  .partner .partner_content [class^='swiper-button'] {
    width: 0.5rem;
  }
}